<section id="why" class="feature-list">
  <div class="row">
    <div class="col-md-4 col-sm-6">
      <h4><i class="fa fa-flag" aria-hidden="true"></i> 一套图标1000个左右</h4>
      在一套图标里包含几乎网站会遇到的图标需求
    </div>
    <div class="col-md-4 col-sm-6">
      <h4><i class="fa fa-ban" aria-hidden="true"></i> 无需任何js代码</h4>
      因为不需要js支持所以几乎没有兼容性问题
    </div>
    <div class="col-md-4 col-sm-6">
      <h4><i class="fa fa-arrows-alt" aria-hidden="true"></i> 无限缩放</h4>
      因为是字体所以可以无限缩放任意大小
    </div>
    <div class="col-md-4 col-sm-6">
      <h4><i class="fa fa-microphone" aria-hidden="true"></i> 开源免费</h4>
      商业使用完全免费. 点击查看 <a href="{{ page.relative_path }}license/">授权协议</a>.
    </div>
    <div class="col-md-4 col-sm-6">
      <h4><i class="fa fa-pencil" aria-hidden="true"></i> CSS控制</h4>
      方便简单的用CSS来控制图标的样式
    </div>
    <div class="col-md-4 col-sm-6">
      <h4><i class="fa fa-eye" aria-hidden="true"></i> 支持视网膜屏幕</h4>
      因为是字体，所以可以在视网膜屏幕上表现良好
    </div>
    <div class="col-md-4 col-sm-6">
      <h4><i class="fa fa-gamepad" aria-hidden="true"></i> 兼容别的框架</h4>
      原本是为了<a href="{{ site.bootstrap.url }}">Bootstrap</a>设计, 现在兼容几乎所有前端框架。
    </div>
    <div class="col-md-4 col-sm-6">
      <h4><i class="fa fa-desktop" aria-hidden="true"></i> 桌面友好</h4>
      在使用lyicon时可以方便的检索<a href="{{ page.relative_path }}cheatsheet/">图标字典</a>.
    </div>
    <div class="col-md-4 col-sm-6">
      <h4><i class="fa fa-wheelchair" aria-hidden="true"></i> 更新及时</h4>
      lyicon会及时更新图标库来保证与fa的兼容
    </div>
  </div>
</section>
